<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="app">
    <h1 id="ppp">{{asd}}</h1>
    <button id="ccc">asdddd</button>
  </div>
  <div id="app2"></div>
  <script src="../packages/vthree/dist/vthree.global.js"></script>
  <script>
    const {reactive , ref , effect,gettest,settest }  = Vthree;
    // const data = reactive({asd:115});

    // const rf = ref(15);

    // // effect(()=>{
    // //   ppp.innerHTML = rf.value;
    // // })

    // ccc.onclick = function(){
    //   rf.value++
    // }
    
    const ve = Vthree.createApp({
      el:"#app",
      setup(){
        const asd = reactive({asd:"细纹",cc:"cc",ggt:"ggt",sst:"sst"})
        const liudehua = ref("中文")
        const btn = ()=>{
          let a = gettest();
          console.log(a)
          asd.btt = "991";
        }
        const gt = ()=>{
          console.log(gettest())
        }
        const st = ()=>{
          settest("st11");
        }
        return {asd , btn,liudehua,gt,st};
      }
    })

    const ve2 = Vthree.createApp({
      el:"#app2",
      setup(){
        const asd = reactive({asd:"细纹",cc:"cc",ggt:"ggt",sst:"sst"})
        const liudehua = ref("中文")
        const btn = ()=>{
          let a = gettest();
          console.log(a)
          asd.btt = "991";
        }
        const gt = ()=>{
          console.log(gettest())
        }
        const st = ()=>{
          settest("st11里");
        }
        return {asd , btn,liudehua,gt,st};
      }
    })
  </script>
</body>
</html>